﻿

.gr-mask-msg{	
	border:2px solid #888;
}
/*----------------------------------- tools ----------------------------------*/

.gr-tools-close
{
    background:url(images/tools/close.gif) no-repeat 50% 0px;
}

/*----------------------------------- toolbar ----------------------------------*/

.gr-toolbar
{
    border:solid 1px #8C8C8C;
    padding:5px;
    background:#F3F3F3;
}
.separator
{
    border-left:solid 1px #A8A8A8;    
}

/*----------------------------------- button ----------------------------------*/

.gr-button
{
    border:1px solid #aaa;
    background:#E0DFDF url(images/button/button.gif) repeat-x 0 0;
    color:#000000;
}
body a:hover.gr-button
{
    border: 1px solid #999;
    background:#f2f2f2 url(images/button/hover.gif) repeat-x 0 0;              
}
body .gr-button-pressed, body a:hover.gr-button-pressed,
body .gr-button-checked, body a:hover.gr-button-checked,
body a.gr-button-popup, body a:hover.gr-button-popup
{
    background:#d5d5d5;     
}
body .gr-button-disabled, body a:hover.gr-button-disabled
{
    border: 1px solid #cecec3;
    color:#808080;
    background:#E0DFDF url(images/button/disabled.gif) repeat-x 0 0px;        
}


/*----------------------------------- textbox ----------------------------------*/
.gr-textbox
{
    background:white;
	border-color:#eaf2fe;  
	border:1px solid #7f9db9;padding:1px;    
	 font-size: 14px;
}
body  .gr-textbox-focus .gr-textbox-input
{
    border-color: #7F7F7F;
}

.input-1, .input-2, .input-3, .select-1{ width: 58%; border:1px solid #7f9db9;padding:1px;}


/*----------------------------------- buttonedit ----------------------------------*/

.gr-buttonedit-border
{
    background:white;
	border-color:#a5acb5;      
}
body .gr-buttonedit-focus .gr-buttonedit-border
{
    border-color: #7F7F7F;
}
.gr-buttonedit-button
{
	background:#E6E6E6 url(images/buttonedit/button.gif) repeat-x 50% 50%;		
	border:#a5acb5 1px solid;   
	padding:0;
}
.gr-buttonedit-button-hover,
.gr-buttonedit-hover .gr-buttonedit-button
{
    background:#f2f2f2 url(images/buttonedit/hover.gif) repeat-x 0 0; 
	border-color:#7F7F7F;
}
.gr-buttonedit-button-pressed,
.gr-buttonedit-popup .gr-buttonedit-button
{
	border-color:#7F7F7F;
    background:#d5d5d5;	
}
.gr-popupedit .gr-buttonedit-icon
{
    background:url(images/buttonedit/icon2.gif) no-repeat 60% 30%;
}
.gr-datepicker .gr-buttonedit-icon
{
    background:url(images/buttonedit/icon2.gif) no-repeat 60% 30%;
}



/*------------------------- panel -----------------------*/

.gr-panel-border
{
    border:1px solid #8B8B8B;  
}
.gr-panel-header
{
    height:21px;
    background:#DCDCDC;
}
.gr-panel-header-inner
{
   padding-top:3px;
}
.gr-panel-toolbar
{
    border-bottom:solid 1px #C9C9C9;
    background:#F3F3F3;
}

.gr-panel-footer
{
    border-top:solid 1px #C9C9C9;
    background:#F3F3F3;
}

/*----------------------------- window -------------------------*/
.gr-window .gr-panel-header
{
    background:#DCDCDC;
}
.gr-window .gr-panel-footer
{
    background:#F3F3F3;
}

/*------------------- navbar ------------------*/
.gr-outlookbar-border
{
    border:1px solid #A8A8A8;         
}
.gr-outlookbar-groupHeader
{
    background:#E0E0E0;    
}
/* view2 */
.gr-outlookbar-view2 .gr-outlookbar-groupHeader
{
    border:solid 1px #A8A8A8; 
}
.gr-outlookbar-view2 .gr-outlookbar-groupBody
{    
    background:#efefef;
}
/* view3 */
.gr-outlookbar-view3 .gr-outlookbar-group
{
    border:solid 1px #A8A8A8; 
}


/*----------------------- layout -----------------------*/

.gr-layout-region
{
    border:1px solid #8B8B8B;
}
.gr-layout-region-header
{
    background:#E0E0E0;
    border-bottom:solid 1px #A8A8A8;
}
.gr-layout-proxy
{
    background:#E0E0E0;
}
.gr-layout-proxy-hover
{
    background:#F2F2F2;    
}

/*------------------------- menu --------------------------------*/

.gr-menu
{
    border-color:#8B8B8B;
    background:white url(images/menu/menubg.gif) repeat-y;   
    color:Black;
}
.gr-menuitem
{
    line-height:20px;
}
.gr-menuitem-hover
{
    border-color:#888888;
    background:#f2f2f2;
}
.gr-menu-popup
{
    border-color:#888888; 
    background:#f2f2f2;    
}
.gr-menuitem-selected
{    
    border-color:#888888; 
    background:#cbcbcb;    
}
.gr-menuitem-text, .gr-menuitem-text a
{
    color:Black;
}
/* menu horizontal */
.gr-menu-horizontal .gr-menu-inner
{
    background:#f0f0f0;
}
.gr-menu-horizontal .gr-menuitem-hover
{
    border:solid 1px #888888;
    background:#cbcbcb;
}
.gr-menu-horizontal  .gr-menu-popup
{
    border:solid 1px #888888;
    border-bottom:0px;
    background:#cbcbcb;
}

/*---------------------- listbox -----------------------------*/
.gr-listbox-border
{
    border:solid 1px #9f9f9f;
}
.gr-listbox-item-hover{
	background:#CFCFCF;
}
.gr-listbox-item-selected{
	background:#a5a5a5;
	color:White;
}
.gr-listbox-header
{    
    background:#dcdcdc;
    border-bottom:solid 1px #a0a0a0;
}

/*------------------- treegrid --------------------*/
.gr-treegrid-border
{
    border:1px solid #9f9f9f;
}

.gr-treegrid-header
{
    border-bottom:solid 1px #a0a0a0;
}
.gr-treegrid-headerInner
{
    background:#dcdcdc;
}


.gr-treegrid-selectedNode
{
	background:#a5a5a5;
}
.gr-treegrid-hoverNode
{
    background:#CFCFCF;
}

/*---------------------- calendar -----------------------------*/
.gr-calendar
{    
    border:1px solid #9f9f9f;       
}
.gr-calendar-header
{   
    background:#dcdcdc;
    border-bottom:solid 1px #c9c9c9;    
}
.gr-calendar-footer
{
    background:#ededed;
}
.gr-calendar-tadayButton, .gr-calendar-clearButton,
.gr-calendar-okButton, .gr-calendar-cancelButton
{
    border:1px solid #7F7F7F;
    background:#E0DFDF url(images/calendar/button.gif) repeat-x 0 0;
    color:#000000;
}
.gr-calendar-menu-selected, a:hover.gr-calendar-menu-selected
{
    color:White;
    background:#8D8D8D;
    border:solid 1px black;
}
.gr-calendar .gr-calendar-selected
{
    background:#8D8D8D;
    color:White;
    border:solid 1px #606060;
}
.gr-calendar .gr-calendar-today
{
    border:1px solid #C00000;
}


/*---------------------- tabs -----------------------------*/
.gr-tabs-headers
{
    border-color:#a8a8a8;
    background:#F3F3F3;
}
.gr-tabs-leftButton, .gr-tabs-rightButton
{
    border:solid 1px #7F7F7F;
    background-color:#E0E0E0;
}
a:hover.gr-tabs-leftButton,a:hover.gr-tabs-rightButton
{
    background-color:#F2F2F2;
}
/* top */
.gr-tabs-bodys
{
    border:solid 1px #a8a8a8;
    border-top:0;
}
.gr-tabs-space
{
    border-bottom:solid 1px #a8a8a8;
}
.gr-tabs-space2
{
    border-bottom:solid 1px #a8a8a8;
}

.gr-tab
{
    background-color: #E0E0E0;
    border: 1px solid #a8a8a8;
    color:Black;
}
.gr-tab-hover
{        
    background:#F2F2F2;    
}
.gr-tab-active
{
    border-bottom:solid 1px white;
    background:white;    
}

/* bottom */
.gr-tabs-position-bottom .gr-tabs-space,
.gr-tabs-position-bottom .gr-tabs-space2
{
    border:0;
    border-top: 1px solid #a8a8a8;
}
.gr-tabs-position-bottom .gr-tabs-bodys
{    
    border:solid 1px #a8a8a8;
    border-bottom:0;
}
.gr-tabs-position-bottom .gr-tab-active
{
    border-top:solid 1px white;
    border-bottom:solid 1px #a8a8a8;
}

/* left */
.gr-tabs-position-left .gr-tabs-space,
.gr-tabs-position-left .gr-tabs-space2
{
    border:0;
    border-right: 1px solid #a8a8a8;
}
.gr-tabs-position-left .gr-tabs-bodys
{
    border:solid 1px #a8a8a8;
    border-left:0;
}
.gr-tabs-position-left .gr-tab-active
{    
    border:solid 1px #a8a8a8;
    border-right:solid 1px white;
}

/* right */
.gr-tabs-position-right .gr-tabs-space,
.gr-tabs-position-right .gr-tabs-space2
{
    border:0;
    border-left: 1px solid #a8a8a8;
}
.gr-tabs-position-right .gr-tabs-bodys
{    
    border:solid 1px #a8a8a8;
    border-right:0;
}
.gr-tabs-position-right .gr-tab-active
{    
    border:solid 1px #a8a8a8;
    border-left:solid 1px white;
}


/*---------------------- tree -----------------------------*/

.gr-tree-hottrack .gr-tree-node-hover
{
    border:1px solid #888888;
    background:#f2f2f2;
}

.gr-tree-selectedNode .gr-tree-nodeshow
{
    border:1px solid #888888;
    background:#d8d8d8;
}

/*---------------------- grid -----------------------------*/
.gr-grid-headerCell, .gr-grid-topRightCell
{
    background:#dcdcdc;
    border-right:#9f9f9f 1px solid;
    border-bottom:#9f9f9f 1px solid;
}
.gr-grid-footer
{
    background:#f2f2f2;
}
.gr-grid-detailRow
{
    background:#F0F0F0;
}

/*---------------------- table -----------------------------*/
.table-frame-div { clear:both; padding: 0 0 3px 1px; _padding-bottom:15px; overflow-x: auto; overflow-y:hidden; width:99%; margin-bottom:10px;/* ;overflow-y: auto; */ }
.table-frame-div th,
.table-frame-div td { white-space: nowrap; }
.gvHeader{background:#dceef9;  color: #000;  padding:3px 2px; font-weight:normal;font-size:12px;}
.table-list {margin-bottom:10px;border:1px solid #83bbd9;  }/* List table*/ 
	.table-list th { background:url(images/panel/tb_head_bg.jpg) 0 50% repeat-x; border:1px solid #83bbd9;  color: #000;  padding:5px 2px; text-align:center; font-weight:normal; }
	.table-list .Row2{ background:url(images/panel/tb_head_bg.jpg) 0 50% repeat; border:1px solid #83bbd9;  color: #000;  padding:5px 2px; text-align:center; font-weight:normal;}
	.table-list td {padding:5px 2px;border-bottom:1px solid #83bbd9;border-right:1px solid #83bbd9; }
	.table-list td a { white-space:nowrap;}	
.table-fix { table-layout:fixed;}
.table-fix th,
.table-fix td { word-wrap:break-word; word-break:break-all; white-space:normal; }


.table-form { border:1px solid #ccc; margin-bottom: 15px; table-layout:fixed;  }
	.table-form th { background:#f8f8f8; padding:5px 3px;border:0px solid #ccc;}
	.table-form td { background:white; padding:5px 3px; border:0px solid #ccc;}	

.table-view th, .table-view td {  border:1px solid #ddd; }
.table-view td th, .table-view td td { border:0;}


.table-form-2 { margin-bottom:10px; border:1px solid #CCC;}
.table-form-2 th, .table-form-2 td { padding:3px;}
.table-form-2 th {background:#f8f8f8;}

.table-role th {background:#f8f8f8; padding:5px; border-bottom:1px solid #e1e1e1;}
.table-role td {padding:3px;border-bottom:1px dashed #666; border-left:1px solid #e1e1e1;}

.table-normal th {background:#f5f5f5; padding:5px; border:1px solid #CCC; text-align:center;}
.table-normal td {padding:3px; border:1px solid #CCC; }

.table-info td { padding:3px;}


body { font: normal normal 100%  宋体,Tahoma,Helvetica, Arial, sans-serif; font-size: 12px; color: #414241;   margin: 0; padding: 0; word-wrap: break-word; height:100%;  }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

.f-title,.form-title {background:url(images/panel/title_bg2.jpg)  0 50% repeat-x; line-height:27px; padding: 0 5px; border:1px solid #83bbd9; color:#4b6ea9; border-bottom:0;}

fieldset legend { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 10px; }
fieldset { padding: 10px; -moz-border-radius:8px; margin-bottom:10px; }

.tips { background:#FFFFD9 5px 5px no-repeat; padding:10px 30px; border: 1px solid #B3B3B3; margin: 5px 0; }